<!DOCTYPE html>
<html class="has-topbar has-bottombar">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
		<link rel="shortcut icon" href="../../img/icon/bitbug_favicon.ico">
		<link rel="stylesheet" href="../../css/mui/mui.min.css" />
		<link rel="stylesheet" href="../../css/myAlert.css" />
		<title>修改提现密码</title>
		<style>
			html,
			body {
				background: #f2f2f2 !important;
			}
			
			ul,
			li {
				list-style: none;
			}
			
			.mui_aetd {
				width: 100%;
				height: 50px;
				background: #FFFFFF;
				position: fixed;
				top: 0px;
				z-index: 888;
				border-bottom: solid 1px #F1F1F1;
			}
			
			.aeta_b {
				width: 100%;
				height: 100%;
				float: left;
			}
			
			.aeta_b img {
				width: 10px;
				height: 15px;
				display: block;
				margin-top: 0.44rem;
				float: left;
				margin-top: 17.5px;
			}
			
			.qy_detas {
				text-align: center;
				color: #1B1B1B;
				font-size: 1.2rem;
				line-height: 50px
			}
			
			.revis_h3 {
				font-size: 1rem;
				width: 100%;
				height: 75px;
				background: #FFFFFF;
				margin-top: 50px;
				text-align: center;
				line-height: 75px;
				margin-bottom: 21px;
			}
			
			.mm_box {
				background: #FFFFFF;
				width: 89%;
				margin: 10px auto;
				height: 50px;
				overflow: hidden;
				border: 1px solid #CCCCCC;
			}
			
			.mm_box li {
				border-right: 1px solid #EEEEEE;
				height: 50px;
				float: left;
				width: 16.6%;
				background: #FFF;
			}
			
			.mm_box li.mmdd {
				background: #FFF url(../../img/bank/dd_03.jpg) center no-repeat;
				background-size: 25%;
			}
			
			.mm_box li:last-child {
				border-right: none;
			}
			
			.xiaq_tb {
				padding: 5px 0;
				text-align: center;
				border-top: 1px solid #dadada;
			}
			
			.numb_box {
				display: none;
				position: absolute;
				z-index: 10;
				background: #FFFFFF;
				width: 100%;
				bottom: 0px;
			}
			
			.nub_ggg {
				border: 1px solid #dadada;
				overflow: hidden;
				border-bottom: none;
				margin-top: 5px;
			}
			
			.nub_ggg li {
				width: 33.3333%;
				border-bottom: 1px solid #dadada;
				float: left;
				text-align: center;
				font-size: 1rem;
			}
			
			.nub_ggg li a {
				display: block;
				color: #000;
				height: 50px;
				line-height: 50px;
				overflow: hidden;
			}
			
			.nub_ggg li a:active {
				background: #e0e0e0;
			}
			
			.nub_ggg li a.zj_x {
				border-left: 1px solid #dadada;
				border-right: 1px solid #dadada;
			}
			
			.nub_ggg li span {
				display: block;
				color: #e0e0e0;
				background: #FFFFFF;
				height: 50px;
				line-height: 50px;
				overflow: hidden;
			}
		</style>
	</head>

	<body>
		<div class="mui_aetd" id="mui_aetd">
			<div class="aeta_b">
				<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="color: #6D6D72;margin-left: 2%;font-size: 1.5rem;line-height: 3rem;"></a>
				<div class="qy_detas">修改提现密码</div>
			</div>
		</div>
		<div class="revis_h3">请输入新的提现密码</div>
		<ul class="mm_box">
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
		</ul>
		<div class="numb_box">
			<div class="xiaq_tb">
				<img src="../../img/bank/jftc_14.jpg" height="10"></div>
			<ul class="nub_ggg">
				<li>
					<a href="javascript:void(0);" class="zf_num">1</a>
				</li>
				<li>
					<a href="javascript:void(0);" class="zj_x zf_num">2</a>
				</li>
				<li>
					<a href="javascript:void(0);" class="zf_num">3</a>
				</li>
				<li>
					<a href="javascript:void(0);" class="zf_num">4</a>
				</li>
				<li>
					<a href="javascript:void(0);" class="zj_x zf_num">5</a>
				</li>
				<li>
					<a href="javascript:void(0);" class="zf_num">6</a>
				</li>
				<li>
					<a href="javascript:void(0);" class="zf_num">7</a>
				</li>
				<li>
					<a href="javascript:void(0);" class="zj_x zf_num">8</a>
				</li>
				<li>
					<a href="javascript:void(0);" class="zf_num">9</a>
				</li>
				<li>
					<a href="javascript:void(0);" class="zf_empty">清空</a>
				</li>
				<li>
					<a href="javascript:void(0);" class="zj_x zf_num">0</a>
				</li>
				<li>
					<a href="javascript:void(0);" class="zf_del">删除</a>
				</li>
			</ul>
		</div>
	</body>
	<script type="text/javascript" src="../../js/mui/mui.min.js"></script>
	<script type="text/javascript" src="../../js/jquery/jquery-2.1.4.min.js"></script>
	<script type="text/javascript" src="../../js/myAlert.js"></script>
	<script type="text/javascript" src="../../js/common.js"></script>
	<script type="text/javascript" src="../../js/util/util.js"></script>
	<script>
		if(isiOS) {
			$(".mui_aetd").css("display", "none");
			$(".revis_h3").css("margin-top", "0px");
		}
		//数字显示隐藏
		$(".xiaq_tb").click(function() {
			$(".numb_box").slideUp(500);
		});
		$(".mm_box").click(function() {
			$(".numb_box").slideDown(500);
		});

		//输入新提现密码
		var i = 0;
		$(".nub_ggg li .zf_num").click(function() {
			if(i < 6) {
				$(".mm_box li").eq(i).addClass("mmdd");
				$(".mm_box li").eq(i).attr("number", $(this).text());
				i++
				if(i == 6) {
					setTimeout(function() {
						var newpwd = "";
						$(".mm_box li").each(function() {
							newpwd += $(this).attr("number");
						});
						sessionStorage.setItem("new_withpwd", newpwd);
						window.location.href = "withdrawpwd_upsucc.html";
					}, 100);
				};
			}
		});

		//删除
		$(".nub_ggg li .zf_del").click(function() {
			if(i > 0) {
				i--
				$(".mm_box li").eq(i).removeClass("mmdd");
				$(".mm_box li").eq(i).attr("number", "");
			}
		});
		//清空
		$(".nub_ggg li .zf_empty").click(function() {
			$(".mm_box li").removeClass("mmdd");
			$(".mm_box li").attr("number", "");
			i = 0;
		});
	</script>

</html>